<template>
    <div style="width: 800px;height: 500px;">
        <lineCharts chartId="userEchars" :series="s" :xAxis="xAxis" :data="data"></lineCharts>
    </div>
</template>

<script setup lang="ts">
import lineCharts from "@/components/echarts/line-charts.vue";
const s = [
    { title: "2221", colorList: ["#f8ba5a", "#fff"], color: "#f8ba5e" },
    { title: "2222", colorList: ["#f8ca5b", "#fff"], color: "#f8ba5e" },
    { title: "2223", colorList: ["#f1ba5c", "#fff"], color: "#f8ba5e" },
];
const xAxis = [
    '1-1',
    '1-2',
    '1-3'
]
const data = [
    [{
        title: '1',
        value: 12
    }, {
        title: '2',
        value: 11
    },
    {
        title: '1',
        value: 12
    }, {
        title: '2',
        value: 11
    }],
    [{
        title: '1',
        value: 12
    }, {
        title: '2',
        value: 11
    }],
    [{
        title: '1',
        value: 12
    }, {
        title: '2',
        value: 11
    }]
]
</script>

<style lang="scss" scoped></style>
